<template>
  <div>
    <h1>组合式函数</h1>

    <!-- <HelloFetch /> -->

    <hr />

    <button @click="show = !show">Toggle</button>

    <HelloWorld v-if="show" />
  </div>
</template>

<script>
import { ref } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
import HelloFetch from './components/HelloFetch.vue'

export default {
  components: {
    HelloWorld,
    HelloFetch
  },

  setup() {
    const show = ref(true)

    return {
      show
    }
  }
}
</script>
